<html>
  <head>
    <title></title>
    <style>
    
      button.test { 
        foreground: url(path:M35.525,31.228l-8.88-8.882c1.444-2.238,2.298-4.895,2.298-7.752c0-7.909-6.438-14.343-14.346-14.343
          c-7.911,0-14.343,6.434-14.343,14.343c0,7.911,6.433,14.344,14.343,14.344c2.856,0,5.513-0.849,7.752-2.294l8.88,8.88
          c0.295,0.297,0.782,0.297,1.076,0l3.22-3.221C35.824,32.008,35.824,31.523,35.525,31.228z M4.81,14.593
          c0-5.396,4.391-9.788,9.788-9.788c5.398,0,9.787,4.392,9.787,9.788c0,5.398-4.389,9.789-9.787,9.789
          C9.2,24.382,4.81,19.991,4.81,14.593z) no-repeat 50% 50%; 
        foreground-size:24dip;
        size:48dip;
        padding:0;
        fill:#000; stroke:none; 
      }
      
      button.test:active { 
        foreground-position: 55% 55%; 
      }      
      
      button.test:hover { 
        fill:#00F;
      }      
      
    
    </style>
    <script type="text/tiscript"></script>
  </head>
<body>
  <button.test></button> 
</body>
</html>
